/<template>
<div class="Index">
    <van-tabs v-model="active">
        <van-tab :title="item.txt" v-for="(item,index) in AllList" :key="index">
            <ChildrenList :ChildrenList= 'AllList[active].children'></ChildrenList>
        </van-tab>
    </van-tabs>
</div>
</template>

<script>
import '../../Utils/dataList';
import axios from '../../Utils/request';
import ChildrenList from '@/components/ChildrenList.vue'
import jwt from 'jsonwebtoken';

export default {
    data(){
        return {
            AllList :[] ,
            active: 0,
        }
    },
    created() {
        // axios.get('/api/list').then(res=>{
        //     this.AllList = res.data.list
        // })
        // console.log(this.AllList);
        // this.getRole();
        this.getData();
        var token ='Bearer ' + jwt.sign({ foo: 'bar' }, 'shhhhh');
        console.log(token,'---token');
    },
    methods: {
        // getRole(){
            // axios.get('/api/getRole').then(res=>{
                // this.AllList = res.data.list
                // 第一种情况：直接返回路由菜单
                // [
                //     {
                //         path:'/路由路径',
                //         name:'角色管理',
                //         levle:2,
                //         levleName :'那个一级路由下的二级路由',
                //         componentPath:'',
                //     }
                // ]
                // 第二种情况:
                // data:{
                //     role : '权限信息',  // 系统管理员权限
                //     roleCode : 123456,   // 后台管理员
                // }
            // })  
        // },
        getData() {
            axios.get('/api/list').then(res=>{
                this.AllList = res.data.list
            })
            console.log(this.AllList);
        },
    },
    mounted() {
        // var token = jwt.sign({ 
        //     username : 'zhang',
        //     nickname : '张',
        //     role : '管理员',
        //     roleCode : 123456,   // 代表是一个组长的权限编码
        // }, 'shhhhh');
    },
    components: {
        ChildrenList
    },
    
}
</script>

<style scoped lang="scss">
.Index{
    width: 100%;
    height: 100%;
}
</style>